<template>
	<view class="floating-image-container">
	    <img style="width: 60px;height: 40px;align-items: center;" src="/static/logo/上滑.png" alt="Floating Image" class="floating-image" />
	</view>
</template>

<style scoped>
.floating-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px; /* 根据需要调整容器高度 */
}

.floating-image {
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px); /* 根据需要调整浮动高度 */
  }
}
</style>
